/*!
 * Copyright (c) 2013-Now http://aidex.vip All rights reserved.
 * @author aidex
 * @version 2020-9-1
 */
*{
	font-family: 'PingFangSC';
}
@import "./themeIndex.scss";

@for $i from 1 through 10 {
	.pd-l-#{$i * 5} {
		width: $i * 10px;
	}
}

$list:0 5 10 15 20 25 30 35 40 45 50 55;
@each $i in $list {
	.pd-l-#{$i} {
		padding-left: #{$i}rpx;
	}
	.pd-t-#{$i} {
		padding-top: #{$i}rpx;
	}
	.pd-b-#{$i} {
		padding-bottom: #{$i}rpx;
	}
	.pd-r-#{$i} {
		padding-right: #{$i}rpx;
	}
	.pd-#{$i} {
		padding: #{$i}rpx;
	}
	.mg-#{$i} {
		margin: #{$i}rpx;
	}
	.mg-l-#{$i} {
		margin-left: #{$i}rpx;
	}
	.mg-t-#{$i} {
		margin-top: #{$i}rpx;
	}
	.mg-b-#{$i} {
		margin-bottom: #{$i}rpx;
	}
	.mg-r-#{$i} {
		margin-right: #{$i}rpx;
	}
}

// body {
// 	margin-top: 88rpx;
// 	transform: translate3D(0,0,0);
// }
.flex-center{
	display: flex;
	align-items: center;
	justify-content: center;
}
.wrap {
	
	.search{
		padding: 20rpx 20rpx 0;
		background: #f8f8f8;
		height: 105rpx;
	}
	
	.scroll-list {
		height: calc(100vh - var(--window-top) - var(--window-bottom) - 105rpx); // 105rpx 为 .search 的高度
		width: 100%;
	
		.loadmore {
			padding: 30rpx;
		}
	}

	.box {
		padding-bottom: 10rpx;
		
		.item {
			margin: 0 20rpx 20rpx;
			padding: 8rpx 20rpx;
			border-radius: 20rpx;
			box-sizing: border-box;
			background-color: #fff;
			font-size: 28rpx;
			
			.title {
				display: flex;
				justify-content: space-between;
				background-color: #fff;
				padding-left: 15rpx;
				align-items: center;
				
				.text {
					margin: 0 20rpx;
					font-size: 35rpx;
					font-weight: bold;
				}
				
			}
		}
		
	}

	.list {
		
		.u-cell-item-box {
			
			.u-swipe-content {
				width: 750rpx;
			}
			
			.u-cell_title {
				overflow: hidden;
				white-space: nowrap;
				text-overflow: ellipsis;
				min-width: 655rpx;
			}
			
			.u-border-bottom:last-child:after {
				border-bottom: 0;
			}
		}
	}

	.form {
		display: flex;
		flex-direction: column;
		padding: 20rpx 30rpx;
		
		.u-cell-item-box {
			border-radius: 20rpx;
		}
	}
		
	.form-footer {
		display: flex;
		margin: 10rpx;
		padding-bottom: 30rpx;
		
		.btn {
			flex: 1;
			margin: 20rpx;
		}
	}
	
	.u-cell-box {
		
		.u-cell {
			font-size: 30rpx;
		}
		
		.u-cell_title {
			font-size: 30rpx;
		}
		
		.u-cell__left-icon-wrap {
			margin-right: 18rpx;
		}
	}
}
.default-button{
	color: #ffffff;
	height: 96rpx;
	line-height: 96rpx;
	border-radius: 48rpx;
	background: linear-gradient(to right, $buttonColor-lg1, $buttonColor-lg2);
	box-shadow: 0rpx 10rpx 10rpx 1rpx rgba(74, 169, 246, 0.2);
	text-align: center;
	margin: 0 60rpx 40rpx;
	font-size: 34rpx;
}
.default-button:active{
	opacity: .8;
}
.default-bgLinear{
	background: linear-gradient(to right, $buttonColor-lg1, $buttonColor-lg2);
}
.fs48 {
	font-size: 48rpx;
}
.fs32 {
	font-size: 32rpx;
}
.fs30 {
	font-size: 30rpx;
}
.fs28 {
	font-size: 28rpx;
}
.fs26 {
	font-size: 26rpx;
}
.fs24 {
	font-size: 24rpx;
}